<tr>
    <td>{{ article.title }}</td>
    <td>{{ article.description }}</td>
    <td>
        {% if article.published %}
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0 stroke-current"
                 fill="none" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
            </svg>
        {% else %}
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0 stroke-current"
                 fill="none" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/>
            </svg>
        {% endif %}
    </td>
    <td>
        {% if not article.published %}
            <button class="btn btn-success publish-button"
                    hx-post="{% url 'publish_article' article.pk %}"
                    hx-target="closest tr"
                    hx-swap="outerHTML"
            >
                Publish
            </button>
        {% endif %}
    </td>
</tr>